<div class="p-head">
    <b class="c3">家庭</b>
    <div class="r">
        <a href="/bbs/index/3/" class="ajax" title="意见反馈">意见反馈</a>
    </div>
    <div id="desc">
        记录每天生活的点点滴滴。。。
    </div>
</div>
<div class="tabs_t tabs_n">
    <ul class="ajax" id="tabs_l">
        <li><a href="/category/">收支分类</a></li>                        
        <li><a href="/account/">账户管理</a></li>
        <li class="current"><a href="/family/">家庭管理</a></li>
        <li><a href="/task/">定时记账</a></li>
    </ul>
    <span class="r clear">
    </span>
</div>
<div id="family" style="margin-top:10px;">
    <?php if ($user['family_id'] > 0) { ?>
        <div class="alert alert_block">
            <?php if ($familyinfo['user_id'] == $user['id']) { ?>
                1.你是家庭[<b><?= $familyinfo['name'] ?></b>]的创建人，你可以修改家庭组的成员或删除家庭组<br />
                2.创建家庭组后会生成一串FID，你可以将FID发给好友或家人，邀请他们加入<br />
                3.如果不小心泄露了FID，请及时重新生成FID，之前的FID将失效
            <?php } else { ?>
                <b>你是家庭组成员，你可以将FID发给好友或家人，邀请他们一起加入家庭</b>
            <?php } ?>
        </div>
        <p><span class="badge">家庭管理</span></p>
        <p class="well">
            <span style="display:block;clear:both;margin-bottom:8px;"><?= $familyinfo['name'] ?></span>
            FID : <input type="text" style="width:300px;" class="input" id="fid" value="<?= $familyinfo['uuid'] ?>" disabled /> 
            <a href="javascript:;" title="复制FID" class="btn btn_s" id="copyfid"><span id="copyfidspan"><b class="icon icon-file"></b><em>复制FID</em></span></a>
            <?php if ($familyinfo['user_id'] == $user['id']) { ?>
                <a href="/family/edit/<?= $familyinfo['id'] ?>/" title="编辑家庭" id="family_edit" class="btn btn_s dialog" close="true" callback="family_callback"><span><b class="icon icon-edit"></b><em>修改家庭</em></span></a>
                <a href="/family/del/<?= $familyinfo['id'] ?>/" title="删除家庭" confirm="确认删除家庭组?<?= count($familylist) == 1 ? '删除后将不可恢复!' : '<br />必须先删除所有成员后才能删除' ?>" class="btn btn_o_s del" close="true" callback="family_callback"><span><b class="icon icon-remove"></b><em>删除家庭</em></span></a>
            <?php } else { ?>
                <a href="/family/quit/<?= $familyinfo['id'] ?>/" title="退出家庭" confirm="确认退出家庭组?" class="btn btn_o_s del" close="true" callback="family_callback"><span><b class="icon icon-remove"></b><em>退出家庭</em></span></a>
            <?php } ?>
        </p>
        <p><span class="badge">家庭成员</span></p>
        <table class="data list" cellpadding="0" cellspacing="1" width="100%">
            <thead>
                <tr>
                    <th width="50">头像</th>
                    <th>昵称</th>
                    <th width="150">加入时间</th>
                    <th width="200">操作</th>
                </tr>
            </thead>
            <tbody>
                <?php foreach ($familylist as $m => $n) { ?>
                    <tr>
                        <td><img src="<?= get_user_face($n['id'], $n['face']) ?>" width="30" height="30" /></td>
                        <td><a href="/bill/?user_id=<?= $n['id'] ?>" title="点击查看TA的记账" class="ajax"><?= $n['nickname'] ?></a></td>
                        <td><?= date("Y-m-d H:i:s", $n['jointime']) ?></td>
                        <td>
                            <?php if ($n['id'] != $user['id']) { ?>
                                <?php if ($familyinfo['user_id'] == $user['id']) { ?>
                                    <a href="/family/remove/<?= $n['id'] ?>/" title="删除成员" class="btn btn_o_s del" callback="family_callback"><span><b class="icon icon-remove"></b><em>删除</em></span></a>
                                <?php } ?>
                            <?php } else { ?>
                                <a href="javascript:;" class="btn btn_d_s"><span>无需操作</span></a>
                            <?php } ?>
                        </td>
                    </tr>
                <?php } ?>
            </tbody>
        </table>
    <?php } else { ?>
        <p><span class="badge">方式一</span> 创建一个家庭组</p>
        <p class="well">
            创建家庭后将会得到一个FID，您可以将FID发给你的好友或家人，让他们输入FID即可加入家庭。
            <a href="/family/add/" title="创建家庭" class="btn btn_g_s dialog" close="true" callback="family_callback"><span><b class="icon icon-edit"></b><em>创建一个家庭</em></span></a>
        </p>
        <p><span class="badge">方式二</span> 加入他人创建的家庭组</p>
        <p class="well">
            请输入您所获得的FID码,即可成功加入
            <input type="text" style="width:300px;" class="input" id="familyuuid" placeholder="请输入您获得的FID" /> 
            <a href="javascript:;" title="加入家庭组" class="btn btn_g_s" id="joinfamily"><span><b class="icon icon-plus"></b><em>加入</em></span></a>
        </p>
    <?php } ?>
</div>
<script type="text/javascript" src="/res/js/zeroclipboard.js"></script>
<script type="text/javascript">
    KS.common.load('family.index');
</script>